Ik snap er niks van dat ik dit niet voor elkaar krijg en dat ik er niks over vind via google; ik heb een pagina die niet altijd groot is qua hoogte (dynamisch). Het kan dus voorkomen dat het scherm veel hoger is dan wat de content opvult. Als ik met css een achtergrondkleur opgeef voor de body dan wordt netjes het hele scherm, ongeacht de content gevult met die kleur. Nu heb ik echter een afbeelding van een kleurenverloop. het is de bedoeling dat dit verloopje onderop het scherm 'ligt'. Op de een of andere manier krijg ik dit niet voor elkaar. Het vervelende is nu dat als de content zeg, de helft van het scherm vult het verloopje (achtergrond dus) ook op de helft begint en dan naarboven. Daaronder zit dan weer de achtergrondkleur. Dit moet toch makkelijk op te lossen zijn....
Qué? Kan je dat misschien eens kort schetsen of schematiseren? Want ik kan er niet echt aan uit :-$ .
Ja, je wilt dus altijd een content van 100% hoog. Hoogte is altijd een beetje lastig in CSS, maar het kan wel. Het moet met een CSS hack, voor onder andere Opera:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
html, body {
height: 100%;
}
#container {
position: relative;
min-height: 100%;
height: 100%;
voice-family: "\"}\"";
voice-family: inherit;
height: auto;
}
er van uit gaande dat je content div als id "container" heeft.
html>body #container {
height: auto;
}
het werkt wel als ik alleen een achtergrondkleur gebruik. Afbeelding wordt niet weergegeven
hey, het werkt nu wel, heb background-position: 100% 100% toegevoegd, dat werkte. Maar kun je ook uitleggen wat de rest precies doet, ik ken deze hack niet namelijk.
@Cees, er is een edit knop
